import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'
import UsersList from '../views/UsersList.vue'
import AddUser from '../views/AddUser.vue'
import Test from '../views/Test.vue'

const routes = [
  {
    path: '/', redirect: '/users',
    name: 'home',
    component: HomeView
  },
  {
    path: '/users',
    name: 'UsersList',
    component: UsersList
  },
  {
    path: '/add',
    name: 'AddUser',
    component: AddUser
  },
  {
    path: '/about',
    name: 'about',
    component: ()=> import('../views/AboutView.vue')
  },
  {
    path: '/test',
    name: 'Test',
    component: Test
  },
  {
    path: '/axiostest',
    name: 'axiostest',
    component: ()=> import('../components/AxiosDemo.vue')
  }
]

const router = createRouter({
  history: createWebHistory(), // 在这个例子中，createWebHistory 函数会被调用，返回一个路由历史对象，这个对象会被赋值给 router.history 属性。
  // 这里是一个通用的写法吗？
  // 是的，这是一个通用的写法。在 Vue 3 中，createRouter 函数会返回一个路由对象，这个对象会被赋值给 router 属性。
  routes
});

export default router // 导出路由对象，以便在其他地方使用。